<template>
    <div>
        <div class="user-name">
            {{userInfo.name}}
            <div v-if="userInfo.name=='默认群聊'">{{userList.length}}</div>
        </div>
    </div>
</template>

<script>
import store from '../store/index';

export default {
    name: 'ChatroomMyHeader',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },
    computed: {
      userInfo(){
        return store.state.userInfo;
      },
      userList(){
        return store.state.userList;
      }
    },
    methods: {
    setUserInfo(row, column, event){
        console.log(row,column,event);
        },
    },
};
</script>

<style lang="scss" scoped>
.user-name{
    cursor: pointer;
    float: left;
    font-weight: bold;
    font-size: 20px;
}
</style>